﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
    <head>
        <title>LogOn</title>
        <style type="text/css">
            .login-form {
                background-color: white;
                border: solid 1px #c1c1c1;
                border-radius: 15px;
                height: 180px;
                margin: 0 auto;
                padding-left: 15px;
                padding-top: 5px;
                width: 300px;
            }

            .login-form div { margin: 5px; }

            .login-form h3 {
                text-align: center;
            }

            .login-form span {
                display: block;
                float: left;
                padding-top: 10px;
                width: 100px;
            }

            .checkbox { margin-top: 10px; }

            .login-form .txt-username {
                border: solid 1px #c1c1c1;
                border-radius: 5px;
                padding: 8px;
            }

            .login-form .button {
                margin-left: 105px;
                padding: 5px 30px;
            }
        </style>
    </head>
    <body>
        <div class="login-form">
            <h3>
                Login Information</h3>
            @using (Html.BeginForm("Logon", "Account", FormMethod.Post))
            {
                <div>
                    <span>User Name:</span>
                    @Html.TextBox("UserName", "", new {
                                                              @class = "txt-username"
                                                      })
                </div>
                <div>
                    <span>Password:</span>
                    @Html.Password("Password", "", new {
                                                               @class = "txt-username"
                                                       })
                </div>
                <div>
                    <span>Remember:</span>
                    @Html.CheckBox("remember", new {
                                                           @class = "checkbox"
                                                   })
                </div>
                <input class="button" type="submit" value="Login" />
            }
        </div>
    </body>
</html>